<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>maxx的博客</title>
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="/css/normalize.css">
    <link rel="stylesheet" type="text/css" href="/css/demo.css">
    <link rel="stylesheet" type="text/css" href="/css/component.css">
    <link rel="stylesheet" href="/css/bth.css">
    <link href="/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/prism.css">
</head>
<body>
<div id="bf">
    <div class="bg"></div>
</div>
<div class="scroll">
    <div class="container">
        <div class="fat">
            <div class="all">
                <div class="header">
                    <div class="header-cover">

                    </div>
                </div>
                <div class="body-cover">
                    <div class="body-top"></div>
                    <div class="body-bottom"></div>
                    <div class="body-left"></div>
                    <div class="body-right"></div>
                </div>
                <div class="body">

                </div>
                <div class="eye-left"></div>
                <div class="eye-right"></div>
            </div>
        </div>
        <div class="modal">为了获得最佳的效果，请使用谷歌浏览器访问</div>
        <div class="text"><span class="wl1">w</span><span class="wl2">e</span><span class="wl3">l</span><span
                class="wl4">c</span><span class="wl5">o</span><span class="wl6">m</span><span class="wl7">e</span></div>
        <section class="grid-wrap content">
            <ul class="grid swipe-rotate" id="grid">
                {{#each(array)}}
                <li  class="iShow" onclick="myClick(this)" data-id="{{this.uid}}"><a href="javascript:void(0);">
                    <img src="/img/({{#if(xindex<26)}}{{xindex}}{{else}}{{xindex%26}}{{/if}}).jpg" alt="图片"/>
                    <h3 class="indexTitle">{{this.utitle}}</h3>
                </a></li>
                {{/each}}
            </ul>
        </section>
    </div>
</div>
<div class="showArticle">
    <img class="ajax-lodingimg" src="/img/loading.gif" alt="img"/>

    <div class="ajax">
        <i class="close fa fa-close"></i>

        <div class="ajax-show">
            <div class="ajax-show-content">

                <img src="/img/(1).gif" class="ajax-img"/>

           <pre><code class="language-markup">
               &lt;!DOCTYPE html&gt;
               &lt;html&gt;
               &lt;head&gt;
               ...
               &lt;link href="/themes/prism.css" rel="stylesheet" /&gt;
               &lt;/head&gt;
               &lt;body&gt;
               ...
               &lt;script src="/prism.js"&gt;&lt;/script&gt;
               &lt;/body&gt;
               &lt;/html&gt;</code></pre>

                <p class="ajax-text">The only people for me are the mad ones, the ones who are mad to live, mad to talk,
                    mad
                    to
                    be saved, desirous of everything at the same time, the ones who never yawn or say a commonplace
                    thing,
                    but
                    burn, burn, burn like fabulous yellow roman candles exploding like spiders across the stars.</p>
            </div>

            <i class="bottoms reads fa fa-eye"><span class="Number1">1888</span></i>
            <i class="bottoms ups fa fa-thumbs-up"><span class="Number2">183</span></i>
            <i class="bottoms downs fa fa-thumbs-down"><span class="Number3">15</span></i>

        </div>
    </div>
</div>
</body>
<script type="text/javascript" charset="utf-8" src="/prism.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/browserType.js"></script>
<script type="text/javascript" src="/js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="/js/modernizr.custom.js"></script>
<script type="text/javascript" src="/js/btn.js"></script>
<script type="text/javascript" src="/js/masonry.pkgd.min.js"></script>
<script type="text/javascript" src="/js/imagesloaded.pkgd.min.js"></script>
<script type="text/javascript" src="/js/classie.js"></script>
<script type="text/javascript" src="/js/colorfinder-1.1.js"></script>
<script type="text/javascript" src="/js/gridScrollFx.js"></script>
<script type="text/javascript" src="/js/mouse.js"></script>

<script type="text/javascript" >
    setTimeout(function () {
        new GridScrollFx(document.getElementById('grid'), {
            viewportFactor: 0.4
        });
        new GridScrollFx(document.getElementById('grid'), {
            viewportFactor: 0.4
        });
    }, 7000)
</script>

</html>